<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>媒体文件</title>
  <link rel="stylesheet" href="css/common.css">
  <link rel="stylesheet" href="css/fx05.css">
</head>

<body>
  <button id="btnVideo">切换视频</button>
  <button id="btnPause">暂停播放</button>
  <video id="myvideo"></video>

  <hr>
  <button id="btnImg">切换图片</button>
  <img id="myimg">

  <hr>
  <button id="btnAudio">随机背景音乐</button>
  <label>
    <input type="checkbox" checked id="chkAudio">是否播放
  </label>
  <audio id="myaudio"></audio>


  <script src="js/fx05.js"></script>
</body>

</html>